<script>
import {defineComponent} from 'vue'

export default defineComponent({
    name: "antView",
    data(){
        return{
            current: 1,
            // 表单
            formInline: {
                user: '',
                password: '',
            },
            value: 3,
            visible: false,
            desc: ['差', 'bad', 'normal', 'good', 'wonderful'],
        }
    },
    created() {
        this.$message.success('This is a normal message');
    },
    methods:{
        handleSubmit() {
            console.log(this.formInline);
        },
    }
})
</script>

<template>
<div>
    ul的使用全复制粘贴
</div>
</template>

<style scoped >
//>>>表示深层覆盖 less不支持这个形式 只能用css
.ant-carousel >>> .slick-slide {
  text-align: center;
  height: 160px;
  line-height: 160px;
  background: #364d79;
  overflow: hidden;
}
/*  /deep/ 深层覆盖*/
/deep/.ant-modal-body{
    padding: 40px;
}
</style>